<template>
  <div class="img-wrap">
    <img src="static/img/paper_error.png"  class='error-img'/>
    <p class="error-msg">非法访问</p>
  </div>
</template>

<script>
export default {
  components:{},
  props:{},
  data(){
    return {
    }
  },
  methods:{},
  created(){},
}
</script>
<style lang="less" scoped>
.img-wrap{
    display:flex;
    align-items: center;
    height: 320px;
    width:100%;
    flex-direction: column;
}
.img-wrap .error-img{
    display:block;
}
.error-msg{
    margin-top: 10px;
    width: 100%;
    overflow: auto;
    min-height: 60px;
    white-space: normal;
    text-align: center;
    color: red;
    line-height: 25px;
}
</style>